<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jm.js"></script>
    <link rel="stylesheet" href="../plug/swiper-bundle.min.css">
</head>
<body>
    <script src="../plug/swiper-bundle.min.js"></script>
<div class="panel">
  <div class="main">
    <ul class="ibar">
        <li class="login">
            <s></s>
        </li>
        <li class="cart">
            <a href="./cart.html">
                <s></s>
                <span class="text">购物车</span>
                <span class="num">0</span>
            </a>
        </li>
        <li class="price">
            <s></s>
        </li>
        <li class="love">
            <s></s>
        </li>
        <li class="foot">
            <s></s>
        </li>
    </ul>
  </div>
  <div class="pan-car">
    <a class="pan-title" href="#" title="关闭"></a>
    <div class="pan-content">
      <div class="title">
        <span>购物车</span>
        <span class="pan-time">13分09.1秒</span>后清空
      </div>
      <div class="shops">

      </div>
      <div class="shop-all">
        <p>
          <span class="shopAll">共 0 件商品</span>
          <span class="priceAll">￥0</span>
        </p>
        <a href="../views/cart.html">去购物车结算</a>
      </div>
    </div>
  </div>
</div>
    <div class="header_top">
        <div class="container">
            <span class="user_name ">欢迎来到聚美！</span>
            <span>您好 <a class='plogin active' href="../views/login.html"><!--请登录--></a></span>
            <span class="on"><span>xxx</span></span>
            <span class="one"><a href="./login.html">[退出]</a></span>
            <ul class="header_top_right">
                <li><a href=#>订单查询</a></li>
                <li><a href=#>收藏的品牌</a></li>
                <li class="item_jumei"><a href=#>我的聚美</a>
                     <div class="sub_nav">
                       <ul>
                         <li>我的订单</li>
                       </ul>
                     </div>
                </li>
                <li ><a class="phone" href=#>手机聚美</a></li>
                <li><a href=#>更多</a></li>

            </ul>
        </div>
    </div>
    <div class="header_center">
        <div  class="container">
            <img class="logo"  src="/images/logo_new_v1.jpg" alt="">
        <div class="header_center_box">
                <input  type="text"><!----><button>搜索</button>
               
                <ul class="u_search"></ul>
               <div>
                <ul>
                    <li><a>保湿<span>|</span></a></li>
                    <li><a>面膜<span>|</span></a></li>
                    <li><a>洗面奶<span>|</span></a></li>
                    <li><a>补水<span>|</span></a></li>
                    <li><a>香水<span>|</span></a></li>
                    <li><a>眼霜<span>|</span></a></li>
                    <li><a>口红<span>|</span></a></li>
                    <li><a>护肤套装<span>|</span></a></li>
                    <li><a>BB霜</a></li>
                </ul>
            </div>
            </div> 
            <div class="cart_box">
                <a href="./cart.html">
                <img class="cart_gif" src="../images/cart.gif" alt="">
                <span>去购物车结算</span>
            </a>
            </div>   
        </div>
        
    </div>
    <div class="channel">
        <div class="container">
            <ul>
                <li class="first"><a href="#">首页</a>
                <div class="son">
                  <div class="con">
                    <span></span>
                  </div>
                </div>
                </li>
                <li><a href="#">极速免税店</a></li>
                <li><a href="#">母婴特卖</a></li>
                <li class="mz"><a href="./list2.html">美妆商城</a></li>
                <li><a href="#">国际轻奢</a></li>
                <li><a href="#">品牌专场</a></li>
                <li><a href="#">有偿咨讯</a></li>
                <li><a href="#">合作招商</a></li>
                <li></li>
                <li class="last-1"></li>
                <li class="last-0"></li>
            </ul>
        </div>
    </div>

<!-- 轮播 -->
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="http://p12.jmstatic.com/jmstore/image/000/009/9862_std/61b2ea6825a57_1920_881.jpg?1639115392797" alt="">
        </div>
        <div class="swiper-slide">
            <img src="http://p12.jmstatic.com/jmstore/image/000/009/9862_std/61b2eb561b008_1920_881.jpg?1639115630816">
        </div>
        <div class="swiper-slide">
          <img src="http://p12.jmstatic.com/jmstore/image/000/009/9868_std/61b6d4de93ed9_1920_881.jpg?1639372028941">
        </div>
        <div class="swiper-slide">
          <img src="http://p12.jmstatic.com/jmstore/image/000/009/9868_std/61b6f38b34469_1920_881.jpg?1639379881488">
        </div>
        <div class="swiper-slide">
          <img src="http://p12.jmstatic.com/jmstore/image/000/009/9868_std/61b6f265858ad_1920_881.jpg?1639379587759">
        </div>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>







<div class="bx content">
   <div class="content-top"></div>
  <div class="today_deals"></div>
  <div class="content-list">
   <ul class="list_box">
    <li>
      <img src="" alt="">
      
    </li>
 
     <li></li>  
     <li></li>
     <li></li>
   </ul>
 </div> 
    </ul>
  </div>
</div>
    <div class="footer">
        <div class="footer_top">
        </div>
        <div class="footer_center"></div>
        <div class="footer_bottom"></div>
    </div>
    <script src="../javascripts/Ajax.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/utils.js"></script>
    <script>        
        var mySwiper = new Swiper ('.swiper', {
          // direction: 'vertical', // 垂直切换选项
          loop: true, // 循环模式选项
          
          // 如果需要分页器
          pagination: {
            el: '.swiper-pagination',
          },
          
          // 如果需要前进后退按钮
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          
          // 如果需要滚动条
        //   scrollbar: {
        //     el: '.swiper-scrollbar',
        //   },
        })        
        </script>
</body>
</html>